.el-checkbox {
  .el-checkbox__inner {
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    &::after {
      left: 5px;
    }
  }
  .el-checkbox__label {
    color: @color-summary;
    font-weight: 400;
  }
  &.is-checked {
    .el-checkbox__label {
      color: #333;
    }
  }
  &.is-disabled,
  &.is-checked.is-disabled {
    .el-checkbox__inner {
      &,
      &:hover,
      &:active {
        background: @color-light-gray;
        border-color: @color-border;
      }
      &:after {
        border-color: @color-sup;
      }
    }
  }
}
.db-checkbox-margin-right {
  .el-checkbox + .el-checkbox {
    margin-left: 0;
  }
  .el-checkbox {
    margin-right: 30px;
  }
}
